// import React, { Component } from 'react';
// 定义类组件
// 快捷方式创建类组件 rcc,前提安装js jsx snipeets插件
// 注意:
// 类组件特点:
// 01: 类组件中必须有render 方法,实例化该类, 然后调用实例上的render方法,返回一个dom虚拟dom,
// 虚拟dom 比较后渲染成真实dom, 渲染页面
// 02: 类组件中有状态(响应式数据),有生命周期, 有this, 无hooks(辅助函数)

// class Father extends Component {
//     render() {
//         return <div className='myfather'>
//             <p>我是类组件-父组件</p>
//         </div>
//     }
// }

// export default Father
import React, { Component } from 'react'
// 引入子组件Son 组件
import Son from './Son'
export default class Father extends Component {
    render() {
        const username = '董思瑾'
        return (
            <div>
                <p>我是类组件</p>
                <Son id='100' username={username}></Son>
            </div>
        )
    }
}

